<div class="modal-header">
  <div class="modal-title">添加司机</div>
</div>
<!-- <nz-spin *ngIf="!i" class="modal-spin"></nz-spin> -->
<div>
  <!-- 搜索表单 -->
  <div nz-row nzGutter="8">
    <div nz-col nzSpan="24" >
      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" (formSubmit)="initData(true)"
        (formReset)="resetSF()"></sf>
    </div>
  </div>
  <!-- 数据列表 -->
  <!-- [data]="service.$api_getCarCaptainByMobile" -->
  <div *ngIf="sf?.value?.mobiles && tableData?.length > 0">
    <st #st multiSort bordered [columns]="columns" [ps]="20"
      [scroll]="{y: '300px'}"
      [req]="{ method: 'POST', allInBody: true, reName: { pi: '', ps: '' }, params: reqParams }"
      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
      [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }" [data]="tableData">
    </st>
    <div>
      <sf #sf2 [ui]="ui2" [schema]="schema2" [button]="'none'" [formData]="formData">
      </sf>
    </div>
  </div>
  <div class="noContent" *ngIf="sf?.value?.mobiles && tableData?.length === 0 && flag">
    抱歉，该司机暂未认证
  </div>
</div>
<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
  <button nz-button type="button" nzType="primary" (click)="sure()">确认添加</button>
</div>